<template>
    <div class="remen">
        <p class="re">热门排行</p>
        <div class="kai">
            <img src="../../public/image/big1.jpg" height="373" width="277"/>
        </div>
        <ul>
            <li v-for="value in tableData">
                <img src="../../public/image/cardimg5.jpg" alt="">
                <div class="sp">
                    <span class="na">{{value.name}}</span> <br>
                    <span class="pr">票价:{{value.price}}起</span>
                </div>

            </li>

        </ul>
    </div>
</template>

<script>
    export default {
        data() {
            return{
                tableData:[]
            }
        } ,
        mounted:function() {
            this.axios.get('/api/getData').then(res=>{
                console.log(res.data)
                this.tableData=res.data;
            })
        },

    }
</script>

<style scoped>
    .re{
        margin: auto;
        width: 200px;
        height: 50px;
        line-height: 50px;
        color: whitesmoke;
        background-color: mediumpurple;
    }
</style>